@charset "utf-8";
/* CSS Document */

.white-small-mobile{
		display:none;
	}

.Body-A {
	background-color:white;
	text-align:center;
	height:auto;
	width:100%;
	position:relative;
	
	  }

.Body-A .row{
	  margin: 0 auto;
	width:100vw;
	max-width:1000px;
	
	
	  }


body .container {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin: 0 auto;
  padding:40px 0;
	
	
}







body .container .card {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  background: #2CA4DD;
  border-radius: 6px;
	

}
body .container .card .face {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .container .card .face.face1 {
  box-sizing: border-box;
  padding: 0px;
}

body .container .card .face.face1 p{
 
	color:white;
	text-align:justify;
  text-align-last:left;
	font-size:14px;
	position:absolute;
	top:10px;
	left:25px;
	line-height:1.4em;
	width:80%;
}





body .container .card .face.face2 {
  transition: 0.5s;
}
body .container .card .face.face2 img {
  margin: 0;
  padding: 0;
  height: 15em;
  color: #fff;
  transition: 0.5s;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 7;
}

body .container .card:hover .face.face2 {
  height: 60px;
}
body .container .card:hover .face.face2 img {
  height: 5em;
}

body .container .card:nth-child(1) .face.face2 {
   background-color:#EAEAEA;
	
  border-radius: 4px;
}
@media (max-width:940px) {
	
	body .container {
  
  padding: 0px;
	
	
}

	
	
	
	
.carte {
  
	width:100%;
	margin: 30px auto;

}
	.Body-A {
	
	height:auto;
	
	
	  }
	
	.Body-A .row{
	 
  position:relative !important;
  top:0%;
		left:0%;
		transform:none;
	  }
	body .container {
  
		display:block;

}
	
	
	
	.box{
		display:none;
		}
	
	
	
}